<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.6.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				//获取第N个元素
				$(".list li").eq(1).css("color","red");
			
				//检查当前的元素是否含有某个特定的类，如果有，则返回true。
				console.log($(".list").hasClass("active"));
				
				//删除与指定表达式匹配的元素
				$(".list li").not(".li3").css("font-size",30);
			
				//取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。
				console.log($(".list").children(".li3"));
				
				//搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。
				console.log($(".list").find("span").html());
				
				//取得一个包含着所有匹配元素的唯一父元素的元素集合。
				console.log($(".li3").parent());
				
				//取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。
				console.log($(".li3").parents("ul"));
				
				//取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。可以用可选的表达式进行筛选。
				console.log($(".li3").siblings(".li1"));
			})
		</script>
	</head>
	<body>
		<ul class="list active">
			<li class="li1">多久发货的纠纷的</li>
			<li>多久发货的纠纷的</li>
			<li class="li3">
				<span>3多久发货的纠纷的</span>
			</li>
			<li>多久发货的纠纷的</li>
			<li>多久发货的纠纷的</li>
		</ul>
	</body>
</html>
